/*由于使用过滤器filter会影响fixde布局，导致页面错位，所以不能直接body下的元素，需要单独的设置 */
img,
i,
#loader-wrapper,
.loader-wrapper, 
.layui-layout-admin *, 
.layui-header, 
.layui-header *, 
.layui-side *,
.layadmin-pagetabs,
.beg-login-bg,
.beg-login-bg *,
.footer-box,
.layadmin-user-login,
.layadmin-user-login *,
.layadmin-user-login-footer,
.layadmin-tabsbody-shade,
.layadmin-tabsbody-shade *{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    -webkit-filter: grayscale(100%); /* chrome+ */
    -moz-filter: grayscale(100%);
    /*firefox*/
    -ms-filter: grayscale(100%);
    /*ie9*/
    -o-filter: grayscale(100%);
    filter: grayscale(100%); /* 未来浏览器 */
    filter: gray; /* ie6-8 */
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);/*ie6-9 */
    /* _filter:none;  */
    zoom: 1;
}
html,body{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    -webkit-filter: grayscale(100%); /* chrome+ */
    -moz-filter: grayscale(100%);
    /*firefox*/
    -ms-filter: grayscale(100%);
    /*ie9*/
    -o-filter: grayscale(100%);
    filter: grayscale(100%); /* 未来浏览器 */
    filter: gray; /* ie6-8 */
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);/*ie6-9 */
    /* _filter:none;  */
    zoom: 1;
}

